<template>
  <div class="info-window-item">
    <span class="color"></span>
    <span class="label">{{ label }}</span>
    <span>{{ value }}</span>
  </div>
</template>

<script>
export default {
  name: 'InfoWindowItem',
  props: {
    label: [String],
    value: [String]
  }
}
</script>

<style lang="less" scoped>
.info-window-item {
  display: flex;
  margin: 0 10px 0 30px;
  font-size: 14px;
  text-align: left;
  span {
    margin: 6px;
    flex: 1 0;
  }
  .label {
    flex: 0 0 90px;
  }
  .color {
    flex-basis: 10px;
    flex-grow: 0;
    width: 10px;
    height: 10px;
    background: #1AB3FE;
    border-radius: 50%;
    margin:12px 4px 0 0;
    // position: relative;
    // top: 5px;
  }
}
</style>